@charset "UTF-8";
@-webkit-keyframes move_in {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@keyframes move_in {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@-webkit-keyframes move_out {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}
@keyframes move_out {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}
@-webkit-keyframes move_forward {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes move_forward {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    left: -25px
}
[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}
.slick-prev:before {
    content: "?"
}
[dir=rtl] .slick-prev:before {
    content: "?"
}
.slick-next {
    right: -25px
}
[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}
.slick-next:before {
    content: "?"
}
[dir=rtl] .slick-next:before {
    content: "?"
}
.slick-slider {
    margin-bottom: 30px
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}
meta.foundation-version {
    font-family: "/5.2.2/"
}
meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}
meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}
meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em
}
meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em
}
meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em
}
meta.foundation-data-attribute-namespace {
    font-family: false
}
*,
:after,
:before {
    box-sizing: border-box
}
body,
html {
    font-size: 100%
}
body {
    background: #fff;
    padding: 0;
    font-style: normal;
    position: relative;
    cursor: default
}
a:hover {
    cursor: pointer
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}
#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object {
    max-width: none!important
}
.left {
    float: left!important
}
.right {
    float: right!important
}
.hide {
    display: none
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    display: inline-block;
    vertical-align: middle
}
textarea {
    height: auto;
    min-height: 50px
}
select {
    width: 100%
}
@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }
    .small-1 {
        width: 8.33333%
    }
    .small-2 {
        width: 16.66667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.33333%
    }
    .small-5 {
        width: 41.66667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.33333%
    }
    .small-8 {
        width: 66.66667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.33333%
    }
    .small-11 {
        width: 91.66667%
    }
    .small-12 {
        width: 100%
    }
    [class*=column]+[class*=column]:last-child {
        float: right
    }
    [class*=column]+[class*=column].end {
        float: left
    }
    .small-offset-0 {
        margin-left: 0!important
    }
    .small-offset-1 {
        margin-left: 8.33333%!important
    }
    .small-offset-2 {
        margin-left: 16.66667%!important
    }
    .small-offset-3 {
        margin-left: 25%!important
    }
    .small-offset-4 {
        margin-left: 33.33333%!important
    }
    .small-offset-5 {
        margin-left: 41.66667%!important
    }
    .small-offset-6 {
        margin-left: 50%!important
    }
    .small-offset-7 {
        margin-left: 58.33333%!important
    }
    .small-offset-8 {
        margin-left: 66.66667%!important
    }
    .small-offset-9 {
        margin-left: 75%!important
    }
    .small-offset-10 {
        margin-left: 83.33333%!important
    }
    .small-offset-11 {
        margin-left: 91.66667%!important
    }
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto
    }
    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
}
@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-12 {
        width: 100%
    }
    [class*=column]+[class*=column]:last-child {
        float: right
    }
    [class*=column]+[class*=column].end {
        float: left
    }
    .medium-offset-0 {
        margin-left: 0!important
    }
    .medium-offset-1 {
        margin-left: 8.33333%!important
    }
    .medium-offset-2 {
        margin-left: 16.66667%!important
    }
    .medium-offset-3 {
        margin-left: 25%!important
    }
    .medium-offset-4 {
        margin-left: 33.33333%!important
    }
    .medium-offset-5 {
        margin-left: 41.66667%!important
    }
    .medium-offset-6 {
        margin-left: 50%!important
    }
    .medium-offset-7 {
        margin-left: 58.33333%!important
    }
    .medium-offset-8 {
        margin-left: 66.66667%!important
    }
    .medium-offset-9 {
        margin-left: 75%!important
    }
    .medium-offset-10 {
        margin-left: 83.33333%!important
    }
    .medium-offset-11 {
        margin-left: 91.66667%!important
    }
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }
    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}
@media only screen and (min-width: 64.063em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }
    .large-1 {
        width: 8.33333%
    }
    .large-2 {
        width: 16.66667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
    [class*=column]+[class*=column]:last-child {
        float: right
    }
    [class*=column]+[class*=column].end {
        float: left
    }
    .large-offset-0 {
        margin-left: 0!important
    }
    .large-offset-1 {
        margin-left: 8.33333%!important
    }
    .large-offset-2 {
        margin-left: 16.66667%!important
    }
    .large-offset-3 {
        margin-left: 25%!important
    }
    .large-offset-4 {
        margin-left: 33.33333%!important
    }
    .large-offset-5 {
        margin-left: 41.66667%!important
    }
    .large-offset-6 {
        margin-left: 50%!important
    }
    .large-offset-7 {
        margin-left: 58.33333%!important
    }
    .large-offset-8 {
        margin-left: 66.66667%!important
    }
    .large-offset-9 {
        margin-left: 75%!important
    }
    .large-offset-10 {
        margin-left: 83.33333%!important
    }
    .large-offset-11 {
        margin-left: 91.66667%!important
    }
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }
    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}
[class*=block-grid-] {
    display: block;
    *zoom: 1
}
[class*=block-grid-]:after,
[class*=block-grid-]:before {
    content: " ";
    display: table
}
[class*=block-grid-]:after {
    clear: both
}
[class*=block-grid-]>li {
    display: block;
    height: auto;
    float: left
}
@media only screen {
    .small-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .small-block-grid-1>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .small-block-grid-2>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }
    .small-block-grid-3>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .small-block-grid-4>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .small-block-grid-5>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }
    .small-block-grid-6>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }
    .small-block-grid-7>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .small-block-grid-8>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }
    .small-block-grid-9>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .small-block-grid-10>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }
    .small-block-grid-11>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }
    .small-block-grid-12>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}
@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .medium-block-grid-1>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .medium-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .medium-block-grid-2>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .medium-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }
    .medium-block-grid-3>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .medium-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .medium-block-grid-4>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .medium-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .medium-block-grid-5>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .medium-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }
    .medium-block-grid-6>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .medium-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }
    .medium-block-grid-7>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .medium-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .medium-block-grid-8>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .medium-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }
    .medium-block-grid-9>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .medium-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .medium-block-grid-10>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .medium-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }
    .medium-block-grid-11>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .medium-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }
    .medium-block-grid-12>li:nth-of-type(n) {
        clear: none
    }
    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}
@media only screen and (min-width: 64.063em) {
    .large-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .large-block-grid-1>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .large-block-grid-2>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }
    .large-block-grid-3>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .large-block-grid-4>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .large-block-grid-5>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }
    .large-block-grid-6>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }
    .large-block-grid-7>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .large-block-grid-8>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }
    .large-block-grid-9>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .large-block-grid-10>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }
    .large-block-grid-11>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }
    .large-block-grid-12>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}
.clearing-thumbs,
[data-clearing] {
    *zoom: 1;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}
.clearing-thumbs:after,
.clearing-thumbs:before,
[data-clearing]:after,
[data-clearing]:before {
    content: " ";
    display: table
}
.clearing-thumbs:after,
[data-clearing]:after {
    clear: both
}
.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px
}
.clearing-thumbs[class*=block-grid-] li,
[data-clearing][class*=block-grid-] li {
    margin-right: 0
}
.clearing-blackout {
    background: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998
}
.clearing-blackout .clearing-close {
    display: block
}
.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0
}
.clearing-touch-label {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #aaa;
    font-size: .6em
}
.visible-img {
    height: 95%;
    position: relative
}
.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%
}
.clearing-caption {
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #333;
    width: 100%;
    padding: 10px 30px 20px;
    position: absolute;
    left: 0
}
.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    color: #ccc;
    display: none
}
.clearing-close:focus,
.clearing-close:hover {
    color: #ccc
}
.clearing-assembled .clearing-container {
    height: 100%
}
.clearing-assembled .clearing-container .carousel>ul,
.clearing-feature li {
    display: none
}
.clearing-feature li.clearing-featured-img {
    display: block
}
@media only screen and (min-width: 40.063em) {
    .clearing-main-next,
    .clearing-main-prev {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0
    }
    .clearing-main-next>span,
    .clearing-main-prev>span {
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        border: solid 12px
    }
    .clearing-main-next>span:hover,
    .clearing-main-prev>span:hover {
        opacity: .8
    }
    .clearing-main-prev {
        left: 0
    }
    .clearing-main-prev>span {
        left: 5px;
        border-color: transparent;
        border-right-color: #ccc
    }
    .clearing-main-next {
        right: 0
    }
    .clearing-main-next>span {
        border-color: transparent;
        border-left-color: #ccc
    }
    .clearing-main-next.disabled,
    .clearing-main-prev.disabled {
        opacity: .3
    }
    .clearing-assembled .clearing-container .carousel {
        background: rgba(51, 51, 51, .8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }
    .clearing-assembled .clearing-container .carousel>ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none
    }
    .clearing-assembled .clearing-container .carousel>ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: .4;
        clear: none
    }
    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
        height: 100%;
        max-width: none
    }
    .clearing-assembled .clearing-container .carousel>ul li a.th {
        border: none;
        box-shadow: none;
        display: block
    }
    .clearing-assembled .clearing-container .carousel>ul li img {
        cursor: pointer!important;
        width: 100%!important
    }
    .clearing-assembled .clearing-container .carousel>ul li.visible {
        opacity: 1
    }
    .clearing-assembled .clearing-container .carousel>ul li:hover {
        opacity: .8
    }
    .clearing-assembled .clearing-container .visible-img {
        background: #333;
        overflow: hidden;
        height: 85%
    }
    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0
    }
}
.inline-list {
    list-style: none;
    overflow: hidden
}
.inline-list>li {
    list-style: none;
    float: left;
    display: block
}
.inline-list>li>* {
    display: block
}
.row {
    width: 100%;
    *zoom: 1
}
.row:after,
.row:before {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}
.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}
.row .row {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1
}
.row .row:after,
.row .row:before {
    content: " ";
    display: table
}
.row .row:after {
    clear: both
}
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1
}
.row .row.collapse:after,
.row .row.collapse:before {
    content: " ";
    display: table
}
.row .row.collapse:after {
    clear: both
}
.column,
.columns {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    float: left
}
@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }
    .small-1 {
        width: 8.33333%
    }
    .small-2 {
        width: 16.66667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.33333%
    }
    .small-5 {
        width: 41.66667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.33333%
    }
    .small-8 {
        width: 66.66667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.33333%
    }
    .small-11 {
        width: 91.66667%
    }
    .small-12 {
        width: 100%
    }
    [class*=column]+[class*=column]:last-child {
        float: right
    }
    [class*=column]+[class*=column].end {
        float: left
    }
    .small-offset-0 {
        margin-left: 0!important
    }
    .small-offset-1 {
        margin-left: 8.33333%!important
    }
    .small-offset-2 {
        margin-left: 16.66667%!important
    }
    .small-offset-3 {
        margin-left: 25%!important
    }
    .small-offset-4 {
        margin-left: 33.33333%!important
    }
    .small-offset-5 {
        margin-left: 41.66667%!important
    }
    .small-offset-6 {
        margin-left: 50%!important
    }
    .small-offset-7 {
        margin-left: 58.33333%!important
    }
    .small-offset-8 {
        margin-left: 66.66667%!important
    }
    .small-offset-9 {
        margin-left: 75%!important
    }
    .small-offset-10 {
        margin-left: 83.33333%!important
    }
    .small-offset-11 {
        margin-left: 91.66667%!important
    }
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto
    }
    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
}
@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-12 {
        width: 100%
    }
    [class*=column]+[class*=column]:last-child {
        float: right
    }
    [class*=column]+[class*=column].end {
        float: left
    }
    .medium-offset-0 {
        margin-left: 0!important
    }
    .medium-offset-1 {
        margin-left: 8.33333%!important
    }
    .medium-offset-2 {
        margin-left: 16.66667%!important
    }
    .medium-offset-3 {
        margin-left: 25%!important
    }
    .medium-offset-4 {
        margin-left: 33.33333%!important
    }
    .medium-offset-5 {
        margin-left: 41.66667%!important
    }
    .medium-offset-6 {
        margin-left: 50%!important
    }
    .medium-offset-7 {
        margin-left: 58.33333%!important
    }
    .medium-offset-8 {
        margin-left: 66.66667%!important
    }
    .medium-offset-9 {
        margin-left: 75%!important
    }
    .medium-offset-10 {
        margin-left: 83.33333%!important
    }
    .medium-offset-11 {
        margin-left: 91.66667%!important
    }
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }
    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}
@media only screen and (min-width: 64.063em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }
    .large-1 {
        width: 8.33333%
    }
    .large-2 {
        width: 16.66667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
    [class*=column]+[class*=column]:last-child {
        float: right
    }
    [class*=column]+[class*=column].end {
        float: left
    }
    .large-offset-0 {
        margin-left: 0!important
    }
    .large-offset-1 {
        margin-left: 8.33333%!important
    }
    .large-offset-2 {
        margin-left: 16.66667%!important
    }
    .large-offset-3 {
        margin-left: 25%!important
    }
    .large-offset-4 {
        margin-left: 33.33333%!important
    }
    .large-offset-5 {
        margin-left: 41.66667%!important
    }
    .large-offset-6 {
        margin-left: 50%!important
    }
    .large-offset-7 {
        margin-left: 58.33333%!important
    }
    .large-offset-8 {
        margin-left: 66.66667%!important
    }
    .large-offset-9 {
        margin-left: 75%!important
    }
    .large-offset-10 {
        margin-left: 83.33333%!important
    }
    .large-offset-11 {
        margin-left: 91.66667%!important
    }
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left!important
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }
    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}
.tabs {
    *zoom: 1;
    margin-bottom: 0!important
}
.tabs:after,
.tabs:before {
    content: " ";
    display: table
}
.tabs:after {
    clear: both
}
.tabs dd {
    position: relative;
    margin-bottom: 0!important;
    float: left
}
.tabs dd>a {
    display: block;
    background: #efefef;
    color: #222;
    padding: 1rem 2rem;
    font-size: 1rem
}
.tabs dd>a:hover {
    background: #e1e1e1
}
.tabs dd.active a {
    background: #fff
}
.tabs.radius dd:first-child a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.tabs.radius dd:last-child a {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
.tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto
}
.tabs-content {
    *zoom: 1;
    margin-bottom: 1.5rem;
    width: 100%
}
.tabs-content:after,
.tabs-content:before {
    content: " ";
    display: table
}
.tabs-content:after {
    clear: both
}
.tabs-content>.content {
    display: none;
    float: left;
    padding: 10px 0;
    width: 100%
}
.tabs-content>.content.active {
    display: block;
    float: none
}
.tabs-content>.content.contained {
    padding: 10px
}
.tabs-content.vertical {
    display: block
}
.tabs-content.vertical>.content {
    padding: 0 10px
}
@media only screen and (min-width: 40.063em) {
    .tabs.vertical {
        width: 20%;
        float: left;
        margin-bottom: 1.25rem
    }
    .tabs-content.vertical {
        width: 80%;
        float: left;
        margin-left: -1px
    }
}
.no-js .tabs-content>.content {
    display: block;
    float: none
}
@media only screen {
    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium-down,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .hide-for-large-down,
    .hide-for-medium-down,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none!important
    }
    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-medium,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium-down,
    table.show-for-small,
    table.show-for-small-down,
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table
    }
    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-medium,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium-down,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium-down,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-medium,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium-down,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row!important
    }
    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-medium,
    td.hide-for-medium-only,
    td.hide-for-medium-up,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium-down,
    td.show-for-small,
    td.show-for-small-down,
    td.show-for-small-only,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-only,
    th.hide-for-medium-up,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium-down,
    th.show-for-small,
    th.show-for-small-down,
    th.show-for-small-only,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 40.063em) {
    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .hide-for-large-down,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none!important
    }
    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium,
    table.show-for-medium-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table
    }
    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row!important
    }
    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium,
    td.show-for-medium-down,
    td.show-for-medium-only,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium,
    th.show-for-medium-down,
    th.show-for-medium-only,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 64.063em) {
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none!important
    }
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large,
    table.show-for-large-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table
    }
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row!important
    }
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large,
    td.show-for-large-down,
    td.show-for-large-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large,
    th.show-for-large-down,
    th.show-for-large-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 90.063em) {
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-down {
        display: inherit!important
    }
    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none!important
    }
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xxlarge-down {
        display: table
    }
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge-down {
        display: table-header-group!important
    }
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge-down {
        display: table-row-group!important
    }
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge-down {
        display: table-row!important
    }
    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge,
    td.show-for-xlarge-down,
    td.show-for-xlarge-only,
    td.show-for-xlarge-up,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge,
    th.show-for-xlarge-down,
    th.show-for-xlarge-only,
    th.show-for-xlarge-up,
    th.show-for-xxlarge-down {
        display: table-cell!important
    }
}
@media only screen and (min-width: 120.063em) {
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .hide-for-xlarge-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: inherit!important
    }
    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .show-for-xlarge-only {
        display: none!important
    }
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.hide-for-xlarge-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up {
        display: table
    }
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.hide-for-xlarge-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up {
        display: table-header-group!important
    }
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up {
        display: table-row-group!important
    }
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.hide-for-xlarge-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up {
        display: table-row!important
    }
    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-down,
    td.hide-for-xlarge-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-up,
    td.show-for-xxlarge,
    td.show-for-xxlarge-down,
    td.show-for-xxlarge-only,
    td.show-for-xxlarge-up,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-down,
    th.hide-for-xlarge-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-up,
    th.show-for-xxlarge,
    th.show-for-xxlarge-down,
    th.show-for-xxlarge-only,
    th.show-for-xxlarge-up {
        display: table-cell!important
    }
}
.hide-for-portrait,
.show-for-landscape {
    display: inherit!important
}
.hide-for-landscape,
.show-for-portrait {
    display: none!important
}
table.hide-for-landscape,
table.show-for-portrait {
    display: table
}
thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group!important
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group!important
}
tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row!important
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell!important
}
@media only screen and (orientation: landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: inherit!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
    table.hide-for-portrait,
    table.show-for-landscape {
        display: table
    }
    thead.hide-for-portrait,
    thead.show-for-landscape {
        display: table-header-group!important
    }
    tbody.hide-for-portrait,
    tbody.show-for-landscape {
        display: table-row-group!important
    }
    tr.hide-for-portrait,
    tr.show-for-landscape {
        display: table-row!important
    }
    td.hide-for-portrait,
    td.show-for-landscape,
    th.hide-for-portrait,
    th.show-for-landscape {
        display: table-cell!important
    }
}
@media only screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: inherit!important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
    table.hide-for-landscape,
    table.show-for-portrait {
        display: table
    }
    thead.hide-for-landscape,
    thead.show-for-portrait {
        display: table-header-group!important
    }
    tbody.hide-for-landscape,
    tbody.show-for-portrait {
        display: table-row-group!important
    }
    tr.hide-for-landscape,
    tr.show-for-portrait {
        display: table-row!important
    }
    td.hide-for-landscape,
    td.show-for-portrait,
    th.hide-for-landscape,
    th.show-for-portrait {
        display: table-cell!important
    }
}
.show-for-touch {
    display: none!important
}
.hide-for-touch,
.touch .show-for-touch {
    display: inherit!important
}
.touch .hide-for-touch {
    display: none!important
}
.touch table.show-for-touch,
table.hide-for-touch {
    display: table
}
.touch thead.show-for-touch,
thead.hide-for-touch {
    display: table-header-group!important
}
.touch tbody.show-for-touch,
tbody.hide-for-touch {
    display: table-row-group!important
}
.touch tr.show-for-touch,
tr.hide-for-touch {
    display: table-row!important
}
.touch td.show-for-touch,
.touch th.show-for-touch,
td.hide-for-touch,
th.hide-for-touch {
    display: table-cell!important
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
.sprite {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center
}
#ybox .ywrap .button-close,
#ybox .ywrap .button-close:hover,
.portlet-404b .error-404b .content .error_title .sprite-cont .sprite,
.portlet-404b .error-404b .content .logo_vn .sprite-cont .sprite,
.portlet-community .portlet-title .show-for-medium-up .sprite-cont .sprite,
.portlet-community .portlet-title .show-for-small-only .sprite-cont .sprite,
.portlet-forum-tracker .portlet-title .sprite-cont .sprite,
.portlet-news-archives .portlet-title .sprite-cont .sprite,
.portlet-news-community .portlet-title .sprite-cont .sprite,
.portlet-news-featured .portlet-title .show-for-medium-up .sprite-cont .sprite,
.portlet-news-featured .portlet-title .show-for-small-only .sprite-cont .sprite,
.portlet-news-highlight .portlet-title .sprite-cont .sprite,
.portlet-news-list .portlet-title .sprite-cont .sprite,
.scrolldown .sprite-cont .sprite,
.spr-blank,
.spr-btn_watch_trailer,
.spr-btn_watch_trailer_on,
.spr-btn_what_players_think,
.spr-btn_what_players_think_on,
.spr-btn_ybox_off,
.spr-btn_ybox_on,
.spr-dropdown_type_c_tip,
.spr-logo_vn,
.spr-sprite,
.spr-title_404,
.spr-title_combat,
.spr-title_combat1,
.spr-title_community,
.spr-title_community_news,
.spr-title_featured_news,
.spr-title_featured_news_mobile,
.spr-title_find_shEasy,
.spr-title_forum_tracker,
.spr-title_highlight,
.spr-title_mercenaries,
.spr-title_monsters,
.spr-title_news,
.spr-title_news_archives,
.spr-title_scrolldown,
.spr-title_vin_community,
.spr-title_vin_community_mobile,
.spr-title_vn,
.spr-title_world,
.the-game #combat .sprite,
.the-game #community .sprite,
.the-game #home .sprite-cont .sprite,
.the-game #mercenaries .sprite,
.the-game #monsters .sprite,
.the-game #world .sprite,
.the-game .trailer-links .trailer-links-cont .trailer-links-tooltip .tip,
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link1,
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link1:hover,
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link2,
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link2:hover,
.the-game1 #combat .sprite,
.the-game1 #community .sprite,
.the-game1 #home .sprite-cont .sprite,
.the-game1 #mercenaries .sprite,
.the-game1 #monsters .sprite,
.the-game1 #world .sprite,
.the-game1 .trailer-links .trailer-links-cont .trailer-links-tooltip .tip,
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link1,
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link1:hover,
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link2,
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link2:hover,
.title_find_shEasy .sprite-cont .sprite {
    background-image: url('../imagens/x012s1s.png');
    background-repeat: no-repeat
}
.spr-blank {
    background-position: 0 -41px;
    height: 1px;
    width: 1px
}
.spr-btn_watch_trailer {
    background-position: -445px -41px;
    height: 41px;
    width: 245px
}
.spr-btn_watch_trailer_on {
    background-position: 0 -128px;
    height: 41px;
    width: 245px
}
.spr-btn_what_players_think {
    background-position: -305px 0;
    height: 41px;
    width: 245px
}
.spr-btn_what_players_think_on {
    background-position: -101px -82px;
    height: 41px;
    width: 245px
}
.spr-btn_ybox_off {
    background-position: -16px -41px;
    height: 26px;
    width: 22px
}
.spr-btn_ybox_on {
    background-position: -38px -41px;
    height: 26px;
    width: 22px
}
.spr-dropdown_type_c_tip {
    background-position: -1px -41px;
    height: 10px;
    width: 15px
}
.spr-logo_vn {
    background-position: 0 -1267px;
    height: 622px;
    width: 631px
}
.spr-title_404 {
    background-position: 0 -939px;
    height: 160px;
    width: 698px
}
.spr-title_combat {
    background-position: -383px -233px;
    height: 102px;
    width: 287px
}
.spr-title_combat1 {
    background-position: 0 -183px;
    height: 50px;
    width: 585px
}
.spr-title_community {
    background-position: 0 -847px;
    height: 92px;
    width: 375px
}
.spr-title_community_news {
    background-position: 0 0;
    height: 29px;
    width: 305px
}
.spr-title_featured_news {
    background-position: 0 -335px;
    height: 67px;
    width: 708px
}
.spr-title_featured_news_mobile {
    background-position: 0 -469px;
    height: 75px;
    width: 533px
}
.spr-title_find_shEasy {
    background-position: -346px -82px;
    height: 46px;
    width: 334px
}
.spr-title_forum_tracker {
    background-position: -60px -41px;
    height: 29px;
    width: 385px
}
.spr-title_highlight {
    background-position: 0 -544px;
    height: 55px;
    width: 252px
}
.spr-title_mercenaries {
    background-position: 0 -737px;
    height: 110px;
    width: 271px
}
.spr-title_monsters {
    background-position: -271px -737px;
    height: 110px;
    width: 318px
}
.spr-title_news {
    background-position: 0 -233px;
    height: 66px;
    width: 383px
}
.spr-title_news_archives {
    background-position: -245px -128px;
    height: 55px;
    width: 296px
}
.spr-title_scrolldown {
    background-position: 0 -82px;
    height: 28px;
    width: 101px
}
.spr-title_vin_community {
    background-position: 0 -402px;
    height: 67px;
    width: 618px
}
.spr-title_vin_community_mobile {
    background-position: 0 -641px;
    height: 96px;
    width: 508px
}
.spr-title_vn {
    background-position: 0 -1099px;
    height: 168px;
    width: 528px
}
.spr-title_world {
    background-position: -252px -544px;
    height: 97px;
    width: 402px
}
* {
    outline: 0
}
.clearfix {
    *zoom: 1
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}
.clearfix:after {
    clear: both
}
ul {
    list-style: none
}
header {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}
.nav-maintenance {
    z-index: 3;
    background: #9E0030;
    padding: .5em 0;
    text-align: center;
    color: #fff
}
.nav-maintenance i {
    text-align: center;
    padding: .1em .5em .25em;
    margin: 0 .5em
}
.nav-maintenance i.icon.icon-circle {
    border: .1em solid #fff
}
.nav-maintenance p {
    display: inline
}
.nav-maintenance a {
    color: #fff
}
.nav-platform {
    background: #000;
    color: #565656;
    text-transform: uppercase;
    font-size: .85em
}
.nav-platform a {
    color: #aaa;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .85em
}
.nav-platform a:hover {
    text-decoration: underline
}
.nav-platform a.logo-platform img {
    width: 20%
}
.nav-platform a.btn-signup {
    color: #83a600
}
.nav-platform ul li.inline-skinny {
    margin-left: .4em;
    font-size: .85em
}
.nav-platform ul li.no-margin {
    margin-left: 0
}
.nav-platform.row {
    max-width: 100%;
    padding: .85em
}
.nav-top {
    background: #111; /*0e191f*/
    opacity: .8;
    border-bottom: 1px solid #67748a
}
.nav-top .nav-top-left {
    text-align: left
}
.nav-top .nav-top-center {
    text-align: center
}
.nav-top .nav-top-right {
    text-align: right
}
.nav-top .icon-hamburger {
    color: #fff;
    font-size: 1.6em;
    text-transform: uppercase;
    margin: .3em .2em;
    display: inline-block;
    cursor: pointer
}
.nav-top .nav-txt {
    text-transform: uppercase;
    position: relative;
    top: -.2em;
    font-family: OptimaLT;
    font-size: .75em
}
.nav-top .nav-txt-0 {
    display: inline-block
}
.nav-top .nav-txt-1 {
    color: #7694A5;
    display: inline-block
}
.nav-top .nav-txt-1 a {
    color: #7694A5;
    text-decoration: none
}
.nav-top .nav-txt-1 a:hover {
    opacity: .7
}
.nav-top .nav-txt-2,
.nav-top .nav-txt-article {
    display: inline-block
}
.nav-top .nav-txt.small-breadcrumb {
    top: -.25em;
    font-size: .7em
}
.nav-top .nav-txt.small-breadcrumb .nav-txt-article {
    display: inline-block
}
.nav-top a.logo {
    line-height: 2.85em
}
.nav-top a.logo img {
    width: 100%;
    margin: auto;
    vertical-align: middle;
    display: inline-block
}
.nav-top a.btn-playgame {
    background: url(https://cdn.leagueoflegends.com/riotbar/prod/1.6.330/images/account/sprites-s2a5147f733.png) 0 -293px;
    color: #b2d9db;
    float: right;
    height: 41px;
    line-height: 24px;
    margin: 5px 0 0 17px;
    padding: 6px 0 0 0;
    position: relative;
    text-align: center;
    width: 129px;
    /*z-index: 0;*/
    font-size: 14px;
    /*display: inline-block;
    margin: .4em .2em;
    color: #D5EEF7;
    padding: .3em 1em;
    border: .1em solid #D5EEF7;
    text-decoration: none;
    border-radius: .2em;
    font-size: 1.1em;
    letter-spacing: .05em*/
}
.nav-top a.btn-playgame:hover {
    color: #fff
}
.nav-top.row {
    max-width: 100%
}
.nav {
    position: fixed;
    margin-top: 3em;
    left: 0;
    top: 0;
    padding: 1em 0 0 6em;
    overflow-y: auto;
    width: 130%!important;
    text-align: left
}
.nav .nav-cont {
    max-width: 85%
}
.nav ul {
    list-style-type: none
}
.nav ul li {
    line-height: 3em
}
.nav ul li a {
    color: #fff!important;
    text-transform: uppercase;
    font-size: 1.7em;
    text-decoration: none;
    text-wrap: none;
    white-space: nowrap
}
.nav ul li .icon {
    font-size: 1.2em;
    margin-right: 1em;
    color: #fff;
    top: .1em
}
.nav ul.subnav {
    margin: 0 0 0 6.5em;
    font-size: .7em
}
.nav ul.subnav li {
    line-height: 4em
}
.nav .social-nav {
    margin: 2.5em 0 0 -.5em
}
.nav .social-nav ul .title_find_shEasy {
    display: none
}
.nav .social-nav ul li a i.icon {
    margin-right: .25em;
    font-size: .85em
}
.nav-hidden {
    display: none
}
.forums-nav nav.nav {
    background: rgba(0, 0, 0, .9)
}
.social-nav ul li {
    margin: 0;
    overflow: visible
}
.social-nav ul li a {
    color: #fff;
    font-size: 3em;
    /*opacity: .4;*/
    transition-duration: .3s;
    transition-property: opacity
}
.social-nav ul li a i.icon {
    margin: .05em;
    border: .05em solid #fff;
    border-radius: 50%;
    font-size: .85em
}
.social-nav ul li a:hover {
    opacity: 1
}
.social-nav ul li.title_find_shEasy {
    width: 16em
}
.social-nav ul li.title_find_shEasy .sprite-cont {
    text-align: right
}
.inline-list.news-featured-item-info {
    overflow: visible
}
.share-popout {
    position: absolute;
    bottom: 0;
    right: .25em;
    width: 10em
}
.share-popout .inline-list>li {
    float: right;
    padding-right: .25em;
    font-size: 1.5em
}
.minimap {
    position: fixed;
    top: 9em;
    right: 1em;
    width: 10%;
    height: 75%
}
.minimap .minimap-articles {
    padding: 0 0 0 6px;
    position: relative;
    height: 72%
}
.minimap .minimap-articles .minimap-item {
    position: absolute;
    top: 0;
    left: .25em
}
.minimap .minimap-articles .minimap-item .article-title {
    position: absolute;
    top: 0;
    left: 2em;
    width: 11em;
    font-size: .85em;
    line-height: 1em;
    padding: .3em 0;
    text-overflow: ellipsis;
    overflow: hidden
}
.minimap .minimap-articles .progress {
    position: absolute;
    top: .5em;
    left: .55em;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .3)
}
.minimap .minimap-articles .progress .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 50%;
    background: #fff
}
.minimap .minimap-item-nav {
    margin: 2em 0
}
.minimap .minimap-item-nav .minimap-item {
    margin: .5em 0 0
}
.minimap .minimap-item a {
    color: #eee;
    text-decoration: none;
    font-size: .7em
}
.minimap .minimap-item a:hover {
    color: #fff!important
}
.minimap .minimap-item a:hover i {
    border: .2em solid #fff!important
}
.minimap .minimap-item i {
    border: .2em solid #eee;
    border-radius: 50%;
    background: #000;
    font-size: .85em;
    padding: .5em
}
.minimap .minimap-item.minimap-icon i {
    position: relative;
    left: -.5em;
    top: -.85em
}
.minimap .minimap-item.minimap-icon .article-title {
    left: 2em;
    width: 9em;
    top: 0;
    font-size: .85em;
    padding: 0 .5em
}
.scrolldown {
    position: fixed;
    bottom: 1em;
    left: 50%;
    margin-left: -4em;
    width: 8em;
    text-align: center;
    text-transform: uppercase
}
.scrolldown a {
    text-decoration: none;
    border: 0;
    display: inline-block;
    margin: 0 auto
}
.scrolldown a .scrolldown-text {
    font-size: .7em;
    line-height: 1.4em;
    color: #ACC0D0
}
.scrolldown i.icon {
    font-size: 4em;
    margin: 0;
    padding: 0 .1em 0 0;
    color: #b1c6d4;
    display: block
}
.scrolldown .sprite-cont {
    display: block
}
.scrolldown .sprite-cont .sprite {
    background-position: 0 -82px;
    height: 28px;
    width: 101px
}
.nav-open .scrolldown,
.scrolldown-touch {
    display: none
}
.touch-device .scrolldown-touch {
    display: block
}
.touch-device .scrolldown-mouse {
    display: none!important
}
footer {
    margin: 2em 0;
    color: #767d8b;
    text-align: center
}
footer ul li {
    overflow: visible
}
footer ul.footer-links {
    margin: 1em 0 .5em
}
footer ul.footer-links li a {
    /*color: #404446;*/
    text-decoration: none
}
footer ul.footer-links li a:hover {
    text-decoration: underline
}
/*footer .copyright {
    font-size: .7em
}*/
footer ul.footer-links li {
    border-left: 1px solid #404446
}
footer ul.footer-links li:first-child {
    border: 0
}
footer img {
    max-width: 10%;
    margin: .05em
}
html {
    -webkit-overflow-scrolling: touch
}
#page {
    padding-top: 0
}
body {
    background-color: #080d11;
    -webkit-overflow-scrolling: touch
}
body.loading {
    background: url('../imagens/loading.gif') center 30% no-repeat;
    background-color: #111416
}
body.loading #blur-wrapper,
body.loading #news-post-carousel,
body.loading .minimap {
    visibility: hidden
}
body.nav-open .slick-next,
body.nav-open .slick-prev {
    display: none!important
}
body.nav-open #wrapper {
    opacity: .2
}
#blur-wrapper {
    position: relative;
    width: 100%
}
#wrapper {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative
}
body.home #wrapper {
    margin: 3em auto 0
}
body.game-info {
    background-color: #000
}
body.game-info #wrapper {
    margin: 0 auto
}
body.game-info .minimap .minimap-item-nav {
    display: none
}
.border-box *,
.border-box:after,
.border-box:before {
    box-sizing: border-box
}
.content-box *,
.content-box:after,
.content-box:before {
    box-sizing: content-box!important
}
body,
h1,
h1.giant,
h1.jumbo,
h2,
h3,
h4,
h5,
h6 {
    font-family: OptimaLT;
    font-weight: 300
}
p {
    font-family: OptimaLT
}
body,
h1,
h1.giant,
h1.jumbo,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    line-height: 1em
}
body {
    font-size: 24px;
    line-height: 1.2em
}
h1 {
    font-size: 2em
}
h1.giant {
    font-size: 5em;
    margin: 0
}
h1.jumbo {
    font-size: 3.5em;
    margin: 0
}
h2 {
    font-size: 1.5em
}
h3 {
    font-size: 1.25em
}
h4 {
    font-size: 1em
}
h5 {
    font-size: .875em
}
h6 {
    font-size: .7em
}
p {
    font-size: 1em
}
p.small {
    font-size: .85em
}
p.news-post {
    font-size: fontSizeNewsPost;
    line-height: 1em
}
.news-post p {
    font-size: fontSizeNewsPost;
    line-height: 1em;
    text-align: left
}
.tabs dd>a {
    font-family: OptimaLT
}
i.icon {
    display: inline-block;
    position: relative
}
.icon-circle {
    border: .05em solid #fff;
    border-radius: 50%;
    margin: .1em
}
a.btn-default {
    color: #DDE4E7;
    background: rgba(0, 0, 0, .8);
    border: .1em solid rgba(255, 255, 255, .5);
    padding: .5em 1.5em .35em;
    text-transform: uppercase;
    text-decoration: none
}
a.btn-default:hover {
    color: #FFF;
    background: rgba(0, 0, 0, .9);
    border: .1em solid #fff
}
a.btn-post {
    color: #fff;
    background: #3e5567;
    padding: .5em 2em;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none
}
.btn-share {
    color: #fff;
    padding: .5em 2em;
    margin: 0 .25em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block
}
.btn-share.like {
    background: #2a65bd;
    cursor: pointer;
    text-align: center
}
.btn-share.like img {
    display: none!important
}
.btn-share.tweet {
    background: #2a99bd
}
a.btn-circle {
    color: #bac4c9;
    opacity: .7
}
a.btn-circle i.icon {
    border: 1px solid #bac4c9;
    border-radius: 50%;
    font-size: 3em;
    background: #000;
    padding: .25em .25em .25em .4em
}
a.btn-circle:hover {
    opacity: 1
}
.row {
    margin: 0 auto;
    padding: 0;
    max-width: 100%!important
}
.columns {
    margin: 0;
    padding: 0 7px
}
[class*=block-grid-] {
    margin: 0;
    padding: 0
}
[class*=block-grid-]>li {
    padding: 0 .5em 1.25rem
}
.inline-list,
ul,
ul li {
    margin: 0;
    padding: 0
}
.inline-list>li {
    margin: 0 0 0 1em;
    padding: 0
}
.inline-list-center>li {
    margin: 0 auto;
    padding: 0 .5em
}
.inline-list-center {
    list-style-type: none;
    text-align: center;
    display: inline-block
}
.portlet,
.portlet .portlet-title {
    text-align: center;
    padding: 0
}
.portlet .portlet-title img {
    margin: 0 auto
}
.portlet .portlet-bot {
    text-align: center;
    padding: 1.5em 0
}
.portlet-cloud {
    background-image: url('../imagens/img_cloud.png');
    background-repeat: none;
    background-size: cover
}
.portlet-outline {
    border: .3em solid rgba(127, 152, 161, .15)
}
.portlet-outline .portlet-title {
    padding: 0 0 1.5em
}
.portlet-outline .portlet-cont {
    text-align: left
}
.portlet-outline .portlet-bot {
    padding: 1.5em 0
}
div.portlet.portlet-no-padding .portlet-cont {
    padding: 0
}
div.portlet.portlet-sidebar {
    padding: .5em 0 0 10%
}
div.portlet.portlet-sidebar .portlet-cont {
    text-align: center
}
div.portlet.portlet-sidebar .social-nav {
    margin: 2em 0;
    font-size: .85em
}
div.portlet.portlet-sidebar .social-nav ul li.title_find_shEasy {
    display: none;
    text-align: center
}
div.portlet.portlet-sidebar .carousel-news .slick-next,
div.portlet.portlet-sidebar .carousel-news .slick-prev {
    display: none!important
}
.portlet .portlet-news-list .portlet-cont,
.portlet .portlet-news-list .portlet-title {
    text-align: left
}
.portlet .portlet-news-list .portlet-bot {
    text-align: center
}
.portlet.portlet-news-post .portlet-cont .content {
    text-align: initial
}
.portlet-community .portlet-title .show-for-medium-up .sprite-cont .sprite {
    background-position: 0 -402px;
    height: 67px;
    width: 618px
}
.portlet-community .portlet-title .show-for-small-only .sprite-cont .sprite {
    background-position: 0 -641px;
    height: 96px;
    width: 508px
}
.portlet-news-community .portlet-title .sprite-cont .sprite {
    background-position: 0 0;
    height: 29px;
    width: 305px
}
.portlet-news-featured .portlet-title .show-for-medium-up .sprite-cont .sprite {
    background-position: 0 -335px;
    height: 67px;
    width: 708px
}
.portlet-news-featured .portlet-title .show-for-small-only .sprite-cont .sprite {
    background-position: 0 -469px;
    height: 75px;
    width: 533px
}
.portlet-forum-tracker .portlet-title .sprite-cont .sprite {
    background-position: -60px -41px;
    height: 29px;
    width: 385px
}
.portlet-news-highlight .portlet-title .sprite-cont .sprite {
    background-position: 0 -544px;
    height: 55px;
    width: 252px
}
.portlet-news-list .portlet-title .sprite-cont .sprite {
    background-position: 0 -233px;
    height: 66px;
    width: 383px
}
.portlet-news-archives .portlet-title .sprite-cont .sprite {
    background-position: -245px -128px;
    height: 55px;
    width: 296px
}
.title_find_shEasy .sprite-cont .sprite {
    background-position: -346px -82px;
    height: 46px;
    width: 334px
}
.portlet-community .portlet-title {
    margin: 2em 0
}
.portlet-forum-tracker .portlet-title,
.portlet-news-community .portlet-title {
    margin: 1em 0 0
}
body,
html {
    height: 100%;
    min-height: 100%
}
.loading {
    background-image: url('../imagens/img_loading.gif') no-repeat center center
}
section {
    opacity: 0
}
.loaded section,
.no-js section {
    opacity: 1
}
.bg {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: -1
}
.bg.bg-hero {
    background-image: url('../imagens/banner1.jpg');
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1
}
.bg.bg-news {
    background-image: url('../imagens/img_news_post_bg2.jpg');
    position: fixed;
    top: 0;
    left: 0;
    height: 80%;
    width: 60%;
    z-index: -1
}
.bg.bg-clouds {
    background-image: url('../imagens/img_cloud.png');
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1
}
.bg.bg-post-clouds {
    background-image: url('../imagens/img_cloud.png');
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
    opacity: .8
}
#skrollr-body {
    padding: 0
}
.slick-carousel .carousel-slide {
    position: relative
}
.slick-carousel .carousel-slide .carousel-slide-bg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 28em
}
.slick-carousel .carousel-slide .carousel-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center
}
.slick-carousel .carousel-slide .carousel-slide-content p.carousel-slide-label {
    text-transform: uppercase;
    text-align: center
}
.slick-carousel .carousel-slide .carousel-slide-content p.carousel-slide-text {
    max-height: 2.5em
}
.slick-carousel .carousel-slide .carousel-slide-content ul.carousel-slide-btns.inline-list {
    overflow: visible
}
.slick-carousel .carousel-slide-update .carousel-slide-content p.carousel-slide-label,
.slick-carousel .carousel-slide-updates .carousel-slide-content p.carousel-slide-label {
    color: #BD1828
}
.slick-carousel .carousel-slide-event .carousel-slide-content p.carousel-slide-label,
.slick-carousel .carousel-slide-events .carousel-slide-content p.carousel-slide-label {
    color: #43B374
}
.slick-carousel .carousel-slide-sale .carousel-slide-content p.carousel-slide-label,
.slick-carousel .carousel-slide-sales .carousel-slide-content p.carousel-slide-label {
    color: #18B7BD
}
.slick-carousel .carousel-slide-general .carousel-slide-content p.carousel-slide-label,
.slick-carousel .carousel-slide-maint .carousel-slide-content p.carousel-slide-label {
    color: #959696
}
.slick-carousel .carousel-slide-community .carousel-slide-content p.carousel-slide-label {
    color: #B8B654
}
.slick-carousel .slick-dots {
    bottom: .25em
}
.slick-carousel .slick-dots li button:before {
    color: #29373d;
    background: #29373d;
    border-radius: 50%;
    opacity: 1
}
.slick-carousel .slick-dots li.slick-active button:before {
    background: #111a1e;
    color: #111a1e;
    border: 2px solid #607883;
    border-radius: 50%
}
.slick-carousel .slick-next {
    right: 5%;
    top: 52%;
    height: auto;
    width: auto
}
.slick-carousel .slick-prev {
    left: 5%;
    top: 52%;
    height: auto;
    width: auto
}
.slick-carousel .slick-next:before {
    font-family: iconFont;
    content: "\e60d"
}
.slick-carousel .slick-prev:before {
    font-family: iconFont;
    content: "\e60e"
}
.slick-carousel .slick-next:before,
.slick-carousel .slick-prev:before {
    font-size: 40px
}
div.slick-carousel.slick-slider {
    margin-bottom: 0
}
.glow {
    display: inline-block;
    transition-duration: .3s;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 0 transparent
}
.glow:active,
.glow:focus,
.glow:hover {
    box-shadow: 0 0 1.2em #3c7bac;
    border: .1em solid #c5d2d9
}
.glow-text:hover {
    text-shadow: 0 0 5px #0064ff;
    text-overflow: clip
}
a.glow-text:hover i.icon-circle,
a.social-share:hover i.icon-circle {
    box-shadow: 0 0 20px rgba(0, 100, 255, .6)
}
.grow {
    transition: 4s linear;
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.gradiant-border {
    height: 1px;
    width: 100%;
    background: #0151a6;
    background: -webkit-gradient(left top, right top, color-stop(0%, #0151a6), color-stop(51%, #1e8aa5), color-stop(100%, #97b715));
    background: linear-gradient(to right, #0151a6 0, #1e8aa5 51%, #97b715 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0151a6', endColorstr='#97b715', GradientType=1)
}
.blending {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.blending-up {
    background: url('../imagens/g-featured-news.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.blending-up-news-carousel {
    background: url('../imagens/g-news-carousel.png');
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.blending-up-news {
    background: url('../imagens/g-article-bottom.png');
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.blending-right-news {
    background: url('../imagens/g-article-right.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}
.blending-pattern {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../imagens/img_pattern_map.png');
    background-repeat: repeat;
    background-position: bottom right;
    pointer-events: none;
    opacity: .3
}
@-moz-document url-prefix() {
    .desktop .blending-up-hero {
        background: rgba(8, 13, 17, 0);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8, 13, 17, 0)), color-stop(65%, rgba(8, 13, 17, 0)), color-stop(73%, rgba(8, 13, 17, 0)), color-stop(89%, #080d11), color-stop(100%, #080d11));
        background: linear-gradient(to bottom, rgba(8, 13, 17, 0)0, rgba(8, 13, 17, 0)65%, rgba(8, 13, 17, 0)73%, #080d11 89%, #080d11 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#080d11', endColorstr='#080d11', GradientType=0);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }
    .mobile .blending-up-hero,
    .tablet .blending-up-hero {
        background: rgba(8, 13, 17, 0);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8, 13, 17, 0)), color-stop(65%, rgba(8, 13, 17, 0)), color-stop(73%, rgba(8, 13, 17, 0)), color-stop(84%, rgba(8, 13, 17, 0)), color-stop(89%, #080d11), color-stop(100%, #080d11));
        background: linear-gradient(to bottom, rgba(8, 13, 17, 0)0, rgba(8, 13, 17, 0)65%, rgba(8, 13, 17, 0)73%, rgba(8, 13, 17, 0)84%, #080d11 89%, #080d11 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#080d11', endColorstr='#080d11', GradientType=0);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }
}
#ybox {
    width: 100%;
    height: 100%;
    background: 0 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 1s .2s ease
}
#ybox.transition-effect {
    background: rgba(0, 0, 0, .6);
    z-index: 1;
    visibility: visible
}
#ybox.transition-effect .ywrap {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition-timing-function: ease-in
}
#ybox .ywrap {
    margin: 7em auto 0;
    padding: 2px;
    background: #000;
    border: 2px solid #1f495c;
    box-sizing: content-box!important;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .6s ease
}
#ybox .ywrap .button-close {
    box-sizing: border-box!important;
    display: inline-block;
    overflow: hidden;
    background-position: -16px -41px;
    height: 26px;
    width: 22px;
    background-color: transparent;
    text-indent: -9999em;
    border: 0;
    position: absolute;
    top: -35px;
    right: -5px;
    z-index: 1
}
#ybox .ywrap .button-close:hover {
    background-color: transparent;
    background-position: -38px -41px;
    height: 26px;
    width: 22px
}
#ybox .ywrap iframe {
    background: #000;
    position: absolute;
    display: block
}
@keyframes move_in {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@keyframes move_out {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}
@keyframes move_forward {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.move-in {
    visibility: visible!important;
    -webkit-animation: move_in .6s ease both;
    animation: move_in .6s ease both
}
.move-out {
    -webkit-animation: move_out .7s ease both;
    animation: move_out .7s ease both
}
.move-forward {
    -webkit-animation: move_forward .7s .2s ease both;
    animation: move_forward .7s .2s ease both
}
.active-scene {
    visibility: visible!important
}
@-webkit-keyframes thumbnail-zoom-in {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@keyframes thumbnail-zoom-in {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}
@-webkit-keyframes thumbnail-zoom-out {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes thumbnail-zoom-out {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.thumbnail-zoom-in {
    -webkit-animation: thumbnail-zoom-in 3s ease none;
    animation: thumbnail-zoom-in 3s ease none
}
.thumbnail-zoom-out {
    -webkit-animation: thumbnail-zoom-out 2s ease none;
    animation: thumbnail-zoom-out 2s ease none
}
@-webkit-keyframes video-in {
    from {
        -webkit-transform: translateY(-200px) scale(0.7);
        transform: translateY(-200px) scale(0.7)
    }
    to {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1)
    }
}
@keyframes video-in {
    from {
        -webkit-transform: translateY(-200px) scale(0.7);
        transform: translateY(-200px) scale(0.7)
    }
    to {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1)
    }
}
.video-in {
    -webkit-animation: video-in 1s ease none;
    animation: video-in 1s ease none
}
@media screen and (max-width: 640px) {
    .row-offcanvas {
        position: relative;
        transition: all .25s ease-out
    }
    .row-offcanvas-right {
        right: 0
    }
    .row-offcanvas-left {
        left: 0
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -100%
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -100%
    }
    .row-offcanvas-right.active {
        right: 100%
    }
    .row-offcanvas-left.active,
    .sidebar-offcanvas-right {
        left: 100%
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 100%
    }
}
.forum-tracker-info li,
.nav-top .span.nav-txt-2,
.nav-top-left {
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap
}
.carousel-slide-text,
.news-featured-item-cont {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}
p.news-community-item-text {
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}
.forum-tracker-post {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 4.8em;
    max-height: 4.8em
}
.news-list-item-text {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}
#gnt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    background: #000;
    z-index: 2
}
#gnt .grad-nex {
    display: none
}
body.border-box #gnt_popup *,
body.border-box #gnt_popup:after,
body.border-box #gnt_popup:before {
    box-sizing: content-box!important
}
#gnt .top-bar {
    max-width: 100%!important;
    padding: 0 1em
}
#gnt_popup {
    top: auto!important
}
#gnt_popup .gnt_input {
    height: auto
}
#carousel-hero-hide,
body.mobile #gnt,
body.tablet #gnt {
    display: none
}
#carousel-hero {
    position: relative;
    width: 100%
}
#carousel-hero .slick-carousel {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 0
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 50em
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-character {
    position: absolute;
    top: 0;
    left: -200px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 13% 10% 0 50%
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-content .carousel-slide-text {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    margin-top: -.5em;
    line-height: 1.25em
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-content p.carousel-slide-label {
    text-align: center;
    margin: 0 0 .7em
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-content h2.carousel-slide-title {
    font-size: 3em;
    margin: 0 0 .5em
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-content ul.carousel-slide-btns li {
    margin: .85em auto 0;
    float: none;
    display: inline-block
}
#carousel-hero .slick-carousel .carousel-slide .carousel-slide-content .carousel-slide-label i {
    font-size: 4em;
    top: .35em;
    padding: 0 .2em
}
#carousel-hero .slick-carousel .carousel-slide .blending {
    display: none
}
#carousel-hero .slick-carousel .slick-list {
    overflow: visible
}
#carousel-hero .slick-carousel .slick-next,
#carousel-hero .slick-carousel .slick-prev {
    top: 36%!important
}
#carousel-hero .blending {
    position: absolute;
    bottom: -.2em;
    left: 0;
    height: 400px
}
#carousel-hero .carousel-slide-label,
#carousel-hero .carousel-slide-text,
#carousel-hero .carousel-slide-title {
    text-shadow: 0 0 .1em #000;
    -moz-text-shadow: 0 0 .1em #000;
    -webkit-text-shadow: 0 0 .1em #000;
    -msie-text-shadow: 0 0 .1em #000;
    text-rendering: optimizeLegibility
}
.news-featured .share-popout {
    display: none
}
.news-featured .share-popout ul li.social-share-facebook {
    margin: 0 .85em 0 0
}
.news-featured .share-popout ul li.social-share-twitter {
    margin: 0
}
.news-featured .news-featured-item-share {
    text-align: right;
    position: relative;
    bottom: 2.85em;
    padding: 0;
    margin: 0
}
.news-featured .news-featured-item-share a.share-btn-popout {
    padding: 1em;
    text-decoration: none
}
.news-featured .news-featured-item-share ul.inline-list {
    margin-right: .5em
}
.news-featured .news-featured-item-share .fb-share-button img {
    display: none
}
.news-featured .news-featured-item-share a {
    color: #fff
}
.news-featured .news-featured-item-share a.fb-share-button {
    color: #5079cd
}
.news-featured .news-featured-item-share a.fb-share-button .icon-circle {
    border: .05em solid #5079cd
}
.news-featured .news-featured-item-share a.twitter-share-button {
    color: #2daae4
}
.news-featured .news-featured-item-share a.twitter-share-button .icon-circle {
    border: .05em solid #2daae4
}
.news-featured .news-featured-item-share a:hover {
    color: #fff
}
.news-featured .news-featured-item-share a:hover .icon-circle {
    border: .05em solid #fff
}
.news-featured .news-featured-item {
    border: .1em solid #2b3134;
    background: #0e1618;
    position: relative;
    text-align: left;
    margin: 0 0 1em;
    cursor: pointer;
    overflow: hidden
}
.news-featured .news-featured-item .news-featured-item-img-cont {
    position: absolute;
    width: 100%;
    height: 12em;
    top: 0;
    left: 0;
    overflow: hidden
}
.news-featured .news-featured-item .news-featured-item-img-cont .blending-up {
    top: auto;
    bottom: 0
}
.news-featured .news-featured-item .news-featured-item-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}
.news-featured .news-featured-item .news-featured-item-img img {
    z-index: 0;
    vertical-align: top;
    border: 0;
    position: relative
}
.news-featured .news-featured-item .news-featured-item-label {
    position: absolute;
    top: 2%;
    right: 3%;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .7);
    padding: .2em .7em .125em;
    font-size: .8em
}
.news-featured .news-featured-item .news-featured-item-img img {
    width: 100%
}
.news-featured .news-featured-item .news-featured-item-title h3 {
    line-height: 1.3em;
    height: 3em
}
.news-featured .news-featured-item .news-featured-item-cont {
    padding: 60% 5% 30%;
    position: relative;
    max-height: 100%
}
.news-featured .news-featured-item .news-featured-item-cont p {
    opacity: .7;
    max-height: 6em
}
.news-featured .news-featured-item .news-featured-item-cont ul {
    width: 90%
}
.news-featured .news-featured-item .news-featured-item-cont ul li {
    margin: 0;
    display: inline-block;
    font-size: .8em
}
.news-featured .news-featured-item .news-featured-item-info {
    position: absolute;
    bottom: 3%
}
.news-featured .news-featured-item .news-featured-item-timesince {
    width: 80%
}
.news-featured .news-featured-item:hover {
    border: .1em solid #c5d2d9
}
.news-featured .news-featured-item a {
    text-decoration: none;
    color: #fff
}
.news-featured .news-featured-item-sale .news-featured-item-label,
.news-featured .news-featured-item-sales .news-featured-item-label {
    border: 1px solid #18B7BD;
    color: #18B7BD
}
.news-featured .news-featured-item-event .news-featured-item-label,
.news-featured .news-featured-item-events .news-featured-item-label {
    border: 1px solid #43B374;
    color: #43B374
}
.news-featured .news-featured-item-general .news-featured-item-label,
.news-featured .news-featured-item-maint .news-featured-item-label {
    border: 1px solid #959696;
    color: #959696
}
.news-featured .news-featured-item-update .news-featured-item-label,
.news-featured .news-featured-item-updates .news-featured-item-label {
    border: 1px solid #BD1828;
    color: #BD1828
}
.news-featured .news-featured-item-community .news-featured-item-label {
    border: 1px solid #B8B654;
    color: #B8B654
}
.news-community .news-thumbnail {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    border: 1px solid #6b7a81
}
.news-community .news-thumbnail:hover {
    border-color: #fefefe
}
.news-community .news-community-list {
    margin: 0;
    padding: 0 2%
}
.news-community .news-community-list .news-community-item {
    border-top: 1px solid #212b2e
}
.news-community .news-community-list .news-community-item .news-community-item-title {
    margin: 0
}
.news-community .news-community-list .news-community-item h3.news-community-item-title a {
    line-height: 1.3em
}
.news-community .news-community-list .news-community-item h3.news-community-item-title a:hover {
    text-decoration: none
}
.news-community .news-community-list .news-community-item .news-community-item-title a {
    color: #fff;
    text-decoration: none
}
.news-community .news-community-list .news-community-item .news-community-item-title a:hover {
    text-decoration: underline
}
.news-community .news-community-list .news-community-item .news-community-item-info {
    font-size: .8em
}
.news-community .news-community-list .news-community-item ul.news-community-item-info li {
    margin: 0 1em 0 0
}
.news-community .news-community-list .news-community-item ul.news-community-item-info i {
    margin: 0 .5em 0 0
}
.news-community .news-community-list .news-community-item ul.news-community-item-info.inline-list>li {
    padding: 0;
    padding-top: .3em;
    opacity: .5
}
.news-community .news-community-list .news-community-item .news-community-item-text {
    margin: .5em 0
}
.news-community .news-community-list .news-community-item p.news-community-item-text {
    font-size: 1em;
    opacity: .5
}
.news-community .news-community-list .news-community-item .news-community-item-thumb {
    width: 19%;
    padding: 0;
    margin: 1em 0;
    height: 6em
}
.news-community .news-community-list .news-community-item .news-community-item-cont {
    width: 80%;
    padding: 3% 3% 1%
}
.news-community .news-community-list li:first-child .news-community-item {
    border-top: 0
}
.forum-tracker {
    padding: .25em
}
.forum-tracker .forum-tracker-item {
    border: 0;
    padding: .7em
}
.forum-tracker .forum-tracker-item .forum-tracker-info {
    border-left: 2px solid #313d40;
    margin: 3.7em 0 0;
    padding: 0 0 0 5%;
    font-size: .85em
}
.forum-tracker .forum-tracker-item .forum-tracker-info a {
    color: #fff;
    text-decoration: none
}
.forum-tracker .forum-tracker-item .forum-tracker-info a:hover {
    text-decoration: underline
}
.forum-tracker .forum-tracker-item .forum-tracker-info .username a {
    color: #8ec1d9
}
.forum-tracker .forum-tracker-item .forum-tracker-info .title {
    color: #495156
}
.forum-tracker ul {
    margin: 0;
    padding: 0
}
.forum-tracker ul li {
    padding: 0;
    margin: 0
}
.forum-tracker ul li.index-0 .forum-tracker-item {
    border: 0
}
.forum-tracker ul li.index-1 .forum-tracker-item {
    border-left: 1px solid #313d40
}
.forum-tracker ul li.index-2 .forum-tracker-item {
    border-top: 1px solid #313d40
}
.forum-tracker ul li.index-3 .forum-tracker-item {
    border-left: 1px solid #313d40;
    border-top: 1px solid #313d40
}
.news-filters {
    background: rgba(12, 17, 19, .7);
    padding: .85em .25em .25em;
    font-size: .85em
}
.news-filters ul.inline-list {
    display: inline
}
.news-filters ul li {
    text-transform: uppercase;
    font-size: .85em;
    color: #8e9192
}
.news-filters ul li a {
    color: #8e9192;
    text-decoration: none
}
.news-filters ul li a i.icon {
    margin-right: .25em;
    font-size: 1em
}
.news-filters ul li a.active,
.news-filters ul li a:hover {
    color: #fff
}
.news-filters ul.news-filters-views {
    float: right;
    margin-right: .5em
}
.news-filters ul.news-filters-views li a i.icon {
    font-size: 1.6em
}
.news-filters ul.news-filters-categories {
    padding: 0;
    display: inline-block
}
.news-filters .select-title {
    padding: .5em 0;
    display: inline-block;
    color: rgba(255, 255, 255, .7)
}
.news-filters .select-container {
    position: relative;
    background: #000;
    border: 2px solid #6b7a81;
    margin: 0 .5em 1em;
    overflow: hidden;
    width: 70%;
    display: inline-block;
    vertical-align: top
}
.news-filters .select-container select {
    display: inline-block;
    width: 110%;
    padding: .25em .5em;
    border: 0;
    background: #000;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}
.news-filters .select-container .select-arrow {
    position: absolute;
    top: .7em;
    right: .5em;
    background: #fff
}
.news-filters .select-container .select-arrow:after {
    top: 0;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: .6em;
    margin-left: 1em
}
.news-filters button {
    background: rgba(12, 17, 19, .7);
    color: #fff
}
body.news .bg.bg-hero {
    opacity: .2
}
.news-list-cont .news-thumbnail {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%
}
.news-list-cont ul.news-list-simple {
    text-align: center;
    text-transform: uppercase;
    margin: 1em 0 .5em
}
.news-list-cont ul.news-list-simple a {
    color: #8b8e90;
    text-decoration: none
}
.news-list-cont ul.news-list-simple a:hover {
    color: #fff
}
.news-list-cont ul.news-list {
    margin: 0;
    padding: 0
}
.news-list-cont ul.news-list li:first-child .news-list-item {
    border-top: 0
}
.news-list-cont ul.news-list li:first-child .news-list-item-simple-cont {
    border-top: 1px solid #21272a
}
.news-list-cont ul.news-list li:last-child .news-list-item-simple-cont {
    border-bottom: 1px solid #21272a
}
.news-list-cont ul.news-list li .news-list-item {
    color: #ADADAD;
    border-top: 1px solid rgba(255, 255, 255, .1)
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-mobile-top {
    display: none
}
.news-list-cont ul.news-list li .news-list-item div.row {
    padding: 2% 0;
    margin: 0
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-default {
    display: block
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-default .news-list-item-label {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-simple-cont {
    display: none
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-title {
    margin: .3em 0 0;
    width: 80%
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-title a {
    color: #fff;
    text-decoration: none;
    text-transform: none
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-label {
    margin: 1em 0 1em 1em;
    padding: .1em 0 0;
    width: 7.2em;
    font-size: .6em;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border-radius: .2em
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-info {
    font-size: .8em;
    margin: .25em 0 .5em
}
.news-list-cont ul.news-list li .news-list-item ul.news-list-item-info li {
    margin: 0 1em 0 0
}
.news-list-cont ul.news-list li .news-list-item ul.news-list-item-info i {
    margin: 0 .5em 0 0
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-text {
    margin: .5em 0;
    min-height: 3em
}
.news-list-cont ul.news-list li .news-list-item p.news-list-item-text {
    font-size: 1em
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-thumb {
    width: 22%;
    height: 8em;
    overflow: hidden;
    padding: 0;
    border: .1em solid #6d7c81;
    margin: .15em
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-thumb:hover {
    border-color: #fefefe
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-cont {
    width: 76%;
    padding: 0 2%
}
.news-list-cont ul.news-list li .news-list-item a.news-list-link {
    text-transform: uppercase;
    text-decoration: none;
    color: #8b8e90;
    font-size: .8em
}
.news-list-cont ul.news-list li .news-list-item a.news-list-link i.icon {
    position: relative;
    top: 2px;
    margin-left: .25em
}
.news-list-cont ul.news-list li .news-list-item a.news-list-link:hover {
    color: #fff
}
.news-list-cont ul.news-list li .news-list-item .news-list-item-simple-cont h4 {
    display: inline
}
.news-list-cont ul.news-list li .news-list-item-sale .news-list-item-label,
.news-list-cont ul.news-list li .news-list-item-sales .news-list-item-label {
    border: 1px solid #18B7BD;
    color: #18B7BD
}
.news-list-cont ul.news-list li .news-list-item-event .news-list-item-label,
.news-list-cont ul.news-list li .news-list-item-events .news-list-item-label {
    border: 1px solid #43B374;
    color: #43B374
}
.news-list-cont ul.news-list li .news-list-item-general .news-list-item-label,
.news-list-cont ul.news-list li .news-list-item-maint .news-list-item-label {
    border: 1px solid #959696;
    color: #959696
}
.news-list-cont ul.news-list li .news-list-item-update .news-list-item-label,
.news-list-cont ul.news-list li .news-list-item-updates .news-list-item-label {
    border: 1px solid #BD1828;
    color: #BD1828
}
.news-list-cont ul.news-list li .news-list-item-community .news-list-item-label {
    border: 1px solid #B8B654;
    color: #B8B654
}
.news-list-cont ul.news-list li .news-list-item-simple .news-list-item-default {
    display: none
}
.news-list-cont ul.news-list li .news-list-item-simple .news-list-item-simple-cont {
    display: block;
    padding: 0
}
.news-list-cont ul.news-list li .news-list-item-simple .news-list-item-simple-cont .news-list-item-label {
    margin: 0 0 0 1.5em
}
.news-pagination {
    margin: 1.5em 0 .85em 4em
}
.news-pagination ul li {
    color: #43616c;
    text-transform: uppercase
}
.news-pagination ul li a {
    color: #43616c;
    text-decoration: none
}
.news-pagination ul li a:hover,
.news-pagination ul li.active a {
    color: #fff
}
.news-pagination ul li.pagination-first i.icon-arrow-left:first-child {
    margin-right: -.6em
}
.news-pagination ul li.pagination-prev {
    margin-right: 1em
}
.news-pagination ul li.pagination-next {
    margin-left: 1em
}
.news-pagination ul li.pagination-last i.icon-arrow-right:nth-child(2) {
    margin-left: -.6em
}
.pagination-mobile i {
    font-size: .8em;
    margin: 0 .25em
}
.portlet.portlet-news-list .hide-for-desktop a.btn {
    margin: 0 .5em
}
a.load-more.is-getting-data {
    background: url('../imagens/img_loading.gif') center center no-repeat;
    text-indent: -9999999px;
    overflow: hidden;
    border: 0;
    box-shadow: none
}
a.go-back {
    color: #fff;
    text-decoration: none;
    font-size: 2em;
    padding: .5em 0;
    display: block
}
a.go-back span {
    position: relative;
    top: -.1em
}
a.go-back i.icon {
    padding: 0 .25em 0 0
}
.news-banner {
    margin: 1em 0
}
.news-banner .news-banner-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 10em;
    border: .1em solid #e9b200
}
.news-archives {
    border: 1px solid #20252a;
    background-color: #0e1419
}
.news-archives .tabs-content {
    margin: 0
}
.news-archives .tabs-content ul li {
    color: #638f9e;
    text-transform: uppercase;
    padding: 0 0 .5em 57%;
    font-size: .8em;
    text-align: left
}
.news-archives .tabs-content ul li a {
    color: #638f9e;
    text-decoration: none
}
.news-archives .tabs-content ul li a:hover {
    color: #fff
}
.news-archives dl.tabs.vertical {
    margin: 0;
    width: 40%;
    height: 315px;
    overflow: hidden
}
.news-archives dl.tabs.vertical dd {
    text-align: center;
    margin: 0
}
.news-archives dl.tabs.vertical dd a {
    background: 0 0;
    text-decoration: none;
    color: #638f9e;
    font-size: 1.2em;
    letter-spacing: .2em;
    padding: .4em 1em .5em 1.8em;
    border-right: 1px solid #20252a
}
.news-archives dl.tabs.vertical dd a:hover {
    color: #fff
}
.news-archives dl.tabs.vertical dd.active a {
    border-top: 1px solid #20252a;
    border-bottom: 1px solid #20252a;
    border-right: 0
}
.news-archives dl.tabs.vertical dd.active:first-child a {
    border-top: 0
}
.news-archives dl.tabs.vertical dd.last {
    width: 100%;
    height: 400px;
    border-right: 1px solid #20252a
}
.carousel-news {
    position: relative;
    border: .1em solid #e9b200;
    height: 19em
}
.carousel-news .slick-carousel {
    height: 100%
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 14em
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-bg .blending .blending-pattern,
.carousel-news .slick-carousel .carousel-slide .carousel-slide-bg .blending .blending-right-news,
.carousel-news .slick-carousel .carousel-slide .carousel-slide-bg .blending .blending-up-news {
    display: none
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 5em .5em 0
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-content p.carousel-slide-label {
    margin: 1.5em 0 .5em
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-content h2.carousel-slide-title {
    text-transform: none;
    margin: 0
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-content ul.carousel-slide-btns {
    margin: 1.5em 0 0
}
.carousel-news .slick-carousel .carousel-slide .carousel-slide-content .carousel-slide-label i {
    font-size: 3em;
    top: .35em;
    padding: 0 .2em
}
.carousel-news .slick-carousel .slick-list,
.carousel-news .slick-carousel .slick-track {
    height: 100%
}
.carousel-news .slick-carousel .slick-dots {
    bottom: .25em
}
.carousel-news .slick-carousel .slick-dots li {
    margin: 0 3px
}
.carousel-news .slick-carousel .slick-dots li button:before {
    width: 12px;
    height: 12px
}
.carousel-news .blending {
    position: absolute;
    top: 0;
    left: 0
}
.news-carousel-bordered {
    display: none
}
.news-carousel-bordered .carousel-news {
    width: 50%;
    margin: 0 auto;
    border: 2px solid #6b7a81
}
.news-carousel-bordered .carousel-news .slick-next {
    right: -15%
}
.news-carousel-bordered .carousel-news .slick-prev {
    left: -15%
}
body.mobile #wrapper.page-1.category-ALL .news-carousel-bordered,
body.tablet #wrapper.page-1.category-ALL .news-carousel-bordered {
    display: block
}
.post p.post-label {
    text-align: center;
    text-transform: uppercase
}
.post .post-title {
    text-align: center
}
.post .post-label i {
    font-size: 4em;
    top: .35em;
    padding: 0 .2em
}
.post .news-list-item-info {
    margin: 3em 0 0
}
.post .content {
    min-height: 40em;
    color: #b8c2cc;
    text-align: left
}
.post .content table.responsive td {
    padding: .4em .5em
}
.post .content table {
    max-width: 100%!important;
    height: auto;
    color: #b8c2cc
}
.post .content table td {
    padding: .25em .5em;
    color: #b8c2cc
}
.post .content table .hidden-element {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 41%;
    padding: .25em .5em
}
.post .content table,
.post .content td {
    border: .1em solid #3d454e!important
}
.post .content table.noborder,
.post .content table.noborder td,
.post .content table.noborder th,
.post .content table.noborder tr {
    border: 0!important
}
.post .content img {
    margin: .5em auto;
    display: block;
    height: auto!important
}
.post .content p {
    text-align: left;
    color: #b8c2cc;
    line-height: 1.4em;
    padding: 0
}
.post .content a {
    color: #fff
}
.post .content section {
    padding: 2em 0 0;
    display: block
}
.post .content ul {
    list-style: initial;
    margin: 0;
    padding: 0 0 0 1.5em
}
.post .content ul li {
    display: list-item;
    margin: .5em 0;
    padding: 0
}
.post .content hr {
    border: .1em solid #b8c2cc;
    opacity: .2
}
.post .share {
    margin-top: 6em;
    text-align: center
}
@media (max-width: 640px) {
    .post .content table.responsive,
    .post .content table.responsive tbody,
    .post .content table.responsive td,
    .post .content table.responsive th,
    .post .content table.responsive thead,
    .post .content table.responsive tr {
        display: block;
        width: 100%!important
    }
    .post .content table.responsive,
    .post .content table.responsive tbody,
    .post .content table.responsive tr {
        border: 0!important
    }
    .post .content table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .post .content table.responsive tr {
        margin-bottom: 10px
    }
    .post .content table.responsive td {
        border: none;
        position: relative;
        padding-left: 50%;
        height: auto!important;
        margin-top: -.1em
    }
    .post .content table.responsive td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 40%;
        padding-right: 10px;
        text-align: left;
        word-wrap: break-word
    }
    .post .content table.responsive tr:first-child {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .post .content table.responsive td:before {
        content: attr(data-content);
        height: 50px
    }
    .post .content table.responsive td.small-padding {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .post .content table.responsive td.medium-padding {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .post .content table.responsive td.large-padding {
        padding-top: 25px;
        padding-bottom: 25px
    }
}
.post-updates p.post-label {
    color: #BD1828
}
.post-event p.post-label {
    color: #43B374
}
.post-general p.post-label,
.post-maint p.post-label {
    color: #959696
}
.post-sale p.post-label {
    color: #18B7BD
}
.post-community p.post-label {
    color: #B8B654
}
#carousel-post {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}
#carousel-post .blending {
    position: absolute;
    top: 0;
    left: 0
}
#carousel-post .slick-carousel {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative
}
#carousel-post .slick-carousel .carousel-slide .carousel-slide-bg {
    height: auto
}
#carousel-post .slick-carousel .carousel-slide .carousel-slide-bg .blending .blending-up-news-carousel {
    display: none
}
#carousel-post .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 16em 8em 0 0;
    display: none!important
}
#carousel-post .slick-carousel .slick-dots {
    z-index: 1;
    right: 4em
}
#carousel-post .slick-carousel .slick-next,
#carousel-post .slick-carousel .slick-prev {
    visibility: hidden;
    z-index: 1;
    display: none!important
}
.the-game1 video {
    width: 100%
}
.the-game1 .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.the-game1 .game-info-section {
    position: relative
}
.the-game1 .game-info-section .game-info-bg {
    height: 35em;
    background-size: cover
}
.the-game1 .game-info-section .blending {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}
.the-game1 .game-info-section .content {
    position: absolute
}
.the-game1 .game-info-section .content h2 {
    text-indent: -999999px;
    overflow: hidden;
    background-color: transparent;
    visibility: hidden
}
.the-game1 .game-info-section .content p {
    font-size: 1em;
    font-family: OptimaLT;
    line-height: 1.5em;
    color: #a4b7be;
    padding: 0 1em
}
.the-game1 .game-info-section .sprite-cont {
    overflow: visible!important;
    height: auto!important
}
.the-game1 #home .content {
    width: 28em;
    height: 17em;
    top: 12em;
    left: 3em
}
.the-game1 #home .trailer-links {
    display: block
}
.the-game1 #home .sprite-cont {
    position: absolute;
    top: 10em
}
.the-game1 #home .sprite-cont .sprite {
    background-position: 0 -1099px;
    height: 168px;
    width: 528px
}
.the-game1 #world .sprite {
    background-position: -252px -544px;
    height: 97px;
    width: 402px
}
.the-game1 #world .content {
    width: 21em;
    height: 16em;
    top: 12em;
    left: 2em
}
.the-game1 #combat .sprite {
    background-position: -383px -233px;
    height: 102px;
    width: 287px
}
.the-game1 #combat .content {
    width: 34em;
    height: 16em;
    top: 21em;
    left: 2em
}
.the-game1 #mercenaries .sprite {
    background-position: 0 -737px;
    height: 110px;
    width: 271px
}
.the-game1 #mercenaries .content {
    width: 21em;
    height: 16em;
    top: 14em;
    right: 10em
}
.the-game1 #monsters .sprite {
    background-position: -271px -737px;
    height: 110px;
    width: 318px
}
.the-game1 #monsters .content {
    width: 21em;
    height: 16em;
    top: 13em;
    right: 10em
}
.the-game1 #community .sprite {
    background-position: 0 -847px;
    height: 92px;
    width: 375px
}
.the-game1 #community .content {
    width: 21em;
    height: 16em;
    top: 18em;
    right: 9em
}
.the-game1 .trailer-links {
    display: none;
    position: relative
}
.the-game1 .trailer-links .trailer-links-cont {
    position: absolute;
    right: 12em;
    bottom: 15em
}
.the-game1 .trailer-links .trailer-links-cont .trailer-links-tooltip {
    background: #1f495c;
    border: 2px solid #081b23;
    border-radius: 3px;
    text-align: center;
    display: none;
    position: relative;
    top: -5px
}
.the-game1 .trailer-links .trailer-links-cont .trailer-links-tooltip img {
    width: 230px;
    height: 140px;
    margin: 4px 0;
    border: 1px solid #000
}
.the-game1 .trailer-links .trailer-links-cont .trailer-links-tooltip .tip {
    background-position: -1px -41px;
    height: 10px;
    width: 15px;
    background-color: transparent;
    position: absolute;
    left: 47%;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity: .7
}
.the-game1 .trailer-links .trailer-links-cont ul li a.yt-link {
    text-indent: -9999999px;
    overflow: hidden;
    display: block
}
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link1 {
    background-position: -445px -41px;
    height: 41px;
    width: 245px
}
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link1:hover {
    background-position: 0 -128px;
    height: 41px;
    width: 245px
}
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link2 {
    background-position: -305px 0;
    height: 41px;
    width: 245px
}
.the-game1 .trailer-links .trailer-links-cont ul li a.trailer-link2:hover {
    background-position: -101px -82px;
    height: 41px;
    width: 245px
}
body.game-info2 {
    background: #000
}
.the-game video {
    width: 100%;
    height: 100%
}
.the-game .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.the-game .game-info-section {
    position: relative;
    margin: 0 0 7em
}
.the-game .game-info-section .blending {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}
.the-game .game-info-section .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.the-game .game-info-section .content h2 {
    text-indent: -999999px;
    overflow: hidden;
    background-color: transparent;
    visibility: hidden
}
.the-game .game-info-section .content p {
    font-size: .85em;
    font-family: OptimaLT;
    line-height: 1.4em;
    color: #aaa;
    padding: 0 1em
}
.the-game .game-info-section .sprite-cont {
    overflow: visible!important;
    height: auto!important
}
.the-game .game-info-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}
.the-game #home .video-wrapper {
    top: -.6em
}
.the-game #home .content {
    padding: 12em 56em 0 0
}
.the-game #home .trailer-links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.the-game #home .trailer-links .trailer-links-cont {
    width: 245px;
    position: absolute;
    right: 13em;
    top: 22.5em
}
.the-game #home .sprite-cont {
    position: relative
}
.the-game #home .sprite-cont .sprite {
    background-position: 0 -1099px;
    height: 168px;
    width: 528px
}
.the-game #world .sprite {
    background-position: -252px -544px;
    height: 97px;
    width: 402px
}
.the-game #world .content {
    padding: 6em 64em 0 2em
}
.the-game #world .content p {
    text-align: left
}
.the-game #combat .sprite {
    background-position: -383px -233px;
    height: 102px;
    width: 287px
}
.the-game #combat .content {
    padding: 10em 64em 0 2em
}
.the-game #combat .content p {
    text-align: left
}
.the-game #mercenaries .sprite {
    background-position: 0 -737px;
    height: 110px;
    width: 271px
}
.the-game #mercenaries .content {
    padding: 12em 15em 0 52em
}
.the-game #monsters .sprite {
    background-position: -271px -737px;
    height: 110px;
    width: 318px
}
.the-game #monsters .content {
    padding: 10em 16em 0 49em
}
.the-game #community .sprite {
    background-position: 0 -847px;
    height: 92px;
    width: 375px
}
.the-game #community .content {
    padding: 14em 15em 0 50em
}
.the-game .trailer-links {
    position: relative
}
.the-game .trailer-links .trailer-links-cont {
    position: absolute
}
.the-game .trailer-links .trailer-links-cont .trailer-links-tooltip {
    background: #1f495c;
    border: 2px solid #081b23;
    border-radius: 3px;
    text-align: center;
    display: none;
    position: absolute;
    bottom: .5em;
    left: .25em
}
.the-game .trailer-links .trailer-links-cont .trailer-links-tooltip .trailer-links-tooltip-cont {
    padding: 0 4px
}
.the-game .trailer-links .trailer-links-cont .trailer-links-tooltip img {
    width: 225px;
    height: 140px;
    margin: 4px 0;
    border: 1px solid #000
}
.the-game .trailer-links .trailer-links-cont .trailer-links-tooltip .tip {
    background-position: -1px -41px;
    height: 10px;
    width: 15px;
    background-color: transparent;
    position: absolute;
    left: 47%;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity: .7
}
.the-game .trailer-links .trailer-links-cont ul {
    position: absolute;
    top: 0;
    left: 0
}
.the-game .trailer-links .trailer-links-cont ul li a.yt-link {
    text-indent: -9999999px;
    overflow: hidden;
    display: block
}
.the-game .trailer-links .trailer-links-cont ul li a.yt-link.btn-default {
    text-indent: 0!important
}
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link1 {
    background-position: -445px -41px;
    height: 41px;
    width: 245px
}
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link1:hover {
    background-position: 0 -128px;
    height: 41px;
    width: 245px
}
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link2 {
    background-position: -305px 0;
    height: 41px;
    width: 245px
}
.the-game .trailer-links .trailer-links-cont ul li a.trailer-link2:hover {
    background-position: -101px -82px;
    height: 41px;
    width: 245px
}
body.error-404 {
    background: #000
}
body.error-404 #wrapper {
    margin: 0 auto
}
.portlet-404 .error-404 {
    background-image: url('');
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0 auto 5em;
    width: 100%
}
.portlet-404 .error-404 .content {
    padding: 26em 10em 0
}
.portlet-404 .error-404 .content h1,
.portlet-404 .error-404 .content h2 {
    color: #767d8b
}
body.error-404b {
    background: #121314
}
body.error-404b #wrapper {
    margin: 0 auto
}
.portlet-404b .error-404b {
    height: 45em;
    background-image: url('');
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0 auto 5em;
    width: 100%
}
.portlet-404b .error-404b .content {
    position: relative;
    padding: 15em 5em 0 40em
}
.portlet-404b .error-404b .content h4 {
    padding: 0 7em;
    margin: 0;
    line-height: 1.4em
}
.portlet-404b .error-404b .content .logo_vn {
    position: absolute;
    top: 3em;
    left: 6em
}
.portlet-404b .error-404b .content .logo_vn .sprite-cont .sprite {
    background-position: 0 -1267px;
    height: 622px;
    width: 631px
}
.portlet-404b .error-404b .content .error_title .sprite-cont .sprite {
    background-position: 0 -939px;
    height: 160px;
    width: 698px
}
.portlet-404b .error-404b .content h2 {
    color: #fff
}
#overlay {
    position: absolute;
    top: 7px;
    left: 0;
    pointer-events: none;
    opacity: .2
}
#overlay img {
    width: 100%;
    display: none
}
.mobile h1.jumbo {
    margin: 0;
    line-height: .85em
}
.mobile #wrapper {
    max-width: 640px
}
.mobile #wrapper.noheader {
    padding: 0 0 100em
}
.mobile footer .footer-links {
    font-size: .7em
}
.mobile footer .copyright {
    font-size: 1em;
    margin: .5em;
    display: block
}
.mobile footer a.btn {
    display: block;
    margin: .5em
}
.mobile .top-nav-center {
    padding: .25em 0
}
.mobile .news-filters {
    text-align: center
}
.mobile #carousel-hero .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 10em 0 0;
    overflow: visible
}
.mobile #carousel-hero .slick-carousel .carousel-slide .carousel-slide-title {
    padding: 0 .25em
}
.mobile #carousel-hero .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 30em;
    background-position: 30% center
}
.mobile #carousel-hero .slick-carousel .slick-next,
.mobile #carousel-hero .slick-carousel .slick-prev {
    visibility: hidden
}
.mobile .carousel-news {
    width: 85%;
    height: 20em
}
.mobile .carousel-news .carousel-slide .carousel-slide-content {
    padding: 5em 0 0
}
.mobile .carousel-news .slick-next {
    right: -20%;
    z-index: 1
}
.mobile .carousel-news .slick-prev {
    left: -20%;
    z-index: 1
}
.mobile #carousel-post .blending .blending-right-news {
    display: none
}
.mobile #carousel-post .slick-carousel .slick-next,
.mobile #carousel-post .slick-carousel .slick-prev {
    z-index: 1
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-thumb {
    height: 4em;
    overflow: visible
}
.mobile .news-list-cont .news-list .news-list-item .news-thumbnail {
    height: 100%
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-cont {
    padding: .2em 0 2% 2%
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-mobile-top {
    display: none
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-label {
    font-size: .6em
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-info {
    margin-left: .85em
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-title {
    margin: 0 .5em .5em;
    width: 68%
}
.mobile .news-list-cont .news-list .news-list-item h3.news-list-item-title {
    font-size: .9em
}
.mobile .news-list-cont .news-list .news-list-item .news-list-item-text {
    display: none
}
.mobile .news-featured-item-share {
    bottom: 2.5em
}
.mobile .news-featured-item-share a {
    font-size: 1.4em
}
.mobile .news-featured-item-share ul.inline-list {
    margin-right: 1.5em
}
.mobile .news-featured-item-share ul.inline-list li {
    padding-right: .5em
}
.mobile ul.btns-hero-slide {
    margin: 1.5em 0 0
}
.mobile .nav {
    margin-top: 1em;
    padding: 0 0 0 62px
}
.mobile .nav ul.subnav {
    margin: 0 0 0 5.5em
}
.mobile .nav .social-nav ul li a {
    font-size: 2em
}
.mobile .nav-top a.icon-hamburger {
    font-size: 2em;
    margin: .2em 0
}
.mobile .nav ul li a .icon {
    margin-right: .5em
}
.mobile .news-featured .news-featured-item {
    margin: 0
}
.mobile .news-featured .news-featured-item .news-featured-item-img-cont {
    height: 15em
}
.mobile .news-featured .news-featured-item .news-featured-item-title h3 {
    height: auto
}
.mobile .news-featured .news-featured-item .news-featured-item-cont {
    padding: 57% 5% 21%;
    position: relative
}
.mobile .news-community .news-thumbnail {
    height: 5em
}
.mobile .news-community .news-community-list .news-community-item {
    padding: .85em 0
}
.mobile .news-community .news-community-list .news-community-item .news-community-item-thumb {
    padding: 0 .5em 0 0;
    margin: .1em 0;
    width: 33%
}
.mobile .news-community .news-community-list .news-community-item .news-community-item-cont {
    padding: 0 0 0 .5em;
    width: 67%
}
.mobile .forum-tracker ul li {
    width: 100%
}
.mobile .forum-tracker ul li .forum-tracker-item {
    padding: .7em 0
}
.mobile .forum-tracker ul li .forum-tracker-item .forum-tracker-info {
    margin: 2.25em 0 0
}
.mobile .forum-tracker ul li.index-0 .forum-tracker-item {
    padding-top: 0
}
.mobile .forum-tracker ul li.index-0 .forum-tracker-item,
.mobile .forum-tracker ul li.index-1 .forum-tracker-item,
.mobile .forum-tracker ul li.index-2 .forum-tracker-item,
.mobile .forum-tracker ul li.index-3 .forum-tracker-item {
    border: 0;
    border-bottom: 1px solid #313d40
}
.mobile .social-nav {
    margin: 3em 0 4em -.5em
}
.mobile .social-nav ul {
    margin: 1em 0
}
.mobile .social-nav ul li.title_find_shEasy {
    display: none
}
.mobile .portlet .portlet-cont {
    padding: 0 5%
}
.mobile .portlet-news-featured {
    margin-top: 2.5em
}
.mobile .portlet-news-featured .portlet-bot {
    padding: 0
}
.mobile .portlet-news-featured .portlet-bot a.btn-default {
    width: 10em;
    margin: 0 auto
}
.mobile .portlet-community .portlet-title {
    margin: 4em 0 1em
}
.mobile .portlet-community .portlet-forum-tracker .portlet-title,
.mobile .portlet-community .portlet-news-community .portlet-title {
    margin: 0;
    padding: 1em 0 2em
}
.mobile .portlet-outline {
    border-top: 2px solid #212a2e;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.mobile .portlet .portlet-news-list .portlet-title {
    text-align: center;
    margin-top: 2em
}
.mobile .portlet.portlet-sidebar {
    padding: 0
}
.mobile .news-filters {
    background: 0 0
}
.mobile div.portlet.portlet-game-info .portlet-cont {
    padding: 0
}
.mobile .the-game .game-info-section {
    margin: 0;
    height: 30em
}
.mobile .the-game .game-info-section .game-info-bg {
    height: 15em;
    position: relative;
    background-size: auto 100%
}
.mobile .the-game .game-info-section .content {
    top: 0;
    left: 0
}
.mobile .the-game .game-info-section .content p {
    margin: 0
}
.mobile .the-game .game-info-section .video-wrapper,
.mobile .the-game .game-info-section h2 {
    display: none
}
.mobile .the-game #home {
    height: 37em
}
.mobile .the-game #home .game-info-bg {
    height: 17em;
    position: relative
}
.mobile .the-game #home .content {
    width: 100%;
    height: 17em;
    top: 12em;
    left: 0;
    padding: 0
}
.mobile .the-game #home .trailer-links {
    position: relative;
    top: 9em
}
.mobile .the-game #home .trailer-links .trailer-links-cont {
    position: static;
    margin: 0 auto
}
.mobile .the-game #home .trailer-links .trailer-links-cont ul {
    width: 245px;
    margin: 0 auto;
    position: static
}
.mobile .the-game #home .trailer-links .trailer-links-cont ul li {
    display: inline-block
}
.mobile .the-game #home .trailer-links .trailer-links-cont .trailer-links-tooltip {
    display: none!important
}
.mobile .the-game #world .content {
    width: 100%;
    height: auto;
    top: -2em;
    left: .5em;
    position: relative;
    padding: 0 0 2em
}
.mobile .the-game #combat .content {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: relative;
    padding: 0
}
.mobile .the-game #combat .content p {
    padding: 0 1em 0 2em
}
.mobile .the-game #mercenaries .content {
    width: 100%;
    height: auto;
    top: -2em;
    left: 0;
    position: relative;
    padding: 0 0 2em
}
.mobile .the-game #monsters {
    height: 32em
}
.mobile .the-game #monsters .content {
    width: 100%;
    height: auto;
    top: -2em;
    left: 0;
    position: relative;
    padding: 0 0 2em
}
.mobile .the-game #community .content {
    width: 100%;
    height: auto;
    top: -1em;
    left: 0;
    position: relative;
    padding: 0 0 2em
}
.mobile .portlet-404b .error-404b {
    height: 45em
}
.mobile .portlet-404b .error-404b .content {
    padding: 8em 0 0
}
.mobile .portlet-404b .error-404b .content h2 {
    color: #fff
}
.mobile .portlet-404b .error-404b .content h4 {
    padding: 0
}
.mobile .portlet-404b .error-404b .content .logo_vn {
    display: none
}
.mobile.home #wrapper {
    margin: 3em 0 0
}
.mobile.home.touch-device #wrapper {
    padding: 0 0 35em
}
body.post.loaded.mobile #wrapper {
    margin: -10em 0 0
}
body.post.loaded.mobile .bg.bg-news {
    width: 100%;
    height: 50%
}
body.post.loaded.mobile #carousel-post {
    width: 100%;
    height: 26em
}
body.post.loaded.mobile #carousel-post .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 27em
}
body.post.loaded.mobile #carousel-post .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 50% 0 0
}
body.post.loaded.mobile #carousel-post .slick-carousel ul.slick-dots {
    display: none!important
}
body.post.loaded.mobile #carousel-post .slick-carousel .slick-next,
body.post.loaded.mobile #carousel-post .slick-carousel .slick-prev {
    visibility: visible;
    z-index: 1
}
body.news.mobile .bg.bg-hero {
    opacity: .1
}
.mobile.post.touch-device #wrapper {
    padding: 0 0 31em
}
.mobile.news.touch-device #wrapper {
    padding: 0 0 5em
}
.mobile.game-info.touch-device #wrapper {
    padding: 0 0 6em
}
.mobile.error-404 .portlet-404 .error-404 .content {
    padding: 9em 0 0
}
.mobile.error-404 .portlet-404 .error-404 h1 {
    font-size: 1.2em
}
.mobile.error-404 .portlet-404 .error-404 h2 {
    font-size: 1em
}
.tablet .scrolldown {
    display: none
}
.tablet footer .copyright {
    font-size: 1em;
    margin: .5em;
    display: block
}
.tablet h1.jumbo {
    font-size: 4.5em
}
.tablet .social-nav {
    margin: 4.5em 0 3em -.5em
}
.tablet .social-nav ul {
    margin: 1em 0
}
.tablet .social-nav ul li.title_find_shEasy {
    display: none
}
.tablet .social-nav ul li a {
    font-size: 3em
}
.tablet #wrapper {
    padding: 0;
    max-width: 1024px
}
.tablet .nav-top a.icon-hamburger {
    margin: .25em;
    font-size: 2em
}
.tablet .nav {
    margin-top: 1em
}
.tablet .top-nav-center {
    padding: .25em 0
}
.tablet ul.btns-hero-slide {
    margin: 1em 0 0
}
.tablet #carousel-hero .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 14em 8.5em 0
}
.tablet #carousel-hero .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 35em
}
.tablet #carousel-hero .slick-carousel .slick-next,
.tablet #carousel-hero .slick-carousel .slick-prev {
    z-index: 1
}
.tablet #carousel-post .blending-right-news {
    display: none
}
.tablet .news-carousel-bordered .carousel-news {
    height: 26em;
    width: 22em
}
.tablet .news-carousel-bordered .carousel-news .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 20em
}
.tablet .news-carousel-bordered .carousel-news .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 10em .5em 0
}
.tablet .news-featured .news-featured-item {
    height: 22em
}
.tablet .news-featured .news-featured-item .news-featured-item-title {
    top: 37%
}
.tablet .news-featured ul li.index-3,
.tablet .news-featured ul li:nth-child(4) {
    display: none
}
.tablet .portlet.portlet-game-info .portlet-cont {
    padding: 0
}
.tablet .portlet .portlet-cont {
    padding: 0 8%
}
.tablet .portlet-news-featured {
    margin-top: 3.5em
}
.tablet .portlet-news-featured .portlet-bot {
    padding: 0
}
.tablet .portlet-news-featured .portlet-bot a.btn-default {
    width: 17em;
    margin: -.5em auto 0
}
.tablet .portlet-news-featured [class*=block-grid-]>li {
    padding: 0 .5em
}
.tablet .portlet-community {
    margin: 7em 2em 0
}
.tablet .portlet-community .portlet-cont {
    padding: 0 11%
}
.tablet .news-community .news-thumbnail {
    height: 5.5em
}
.tablet .news-list-cont .news-thumbnail {
    height: 8.5em
}
.tablet .portlet-community .portlet-news-community .portlet-title {
    padding: .5em 0 1.5em
}
.tablet .portlet-community .portlet-forum-tracker {
    margin-top: 1em
}
.tablet .portlet-community .portlet-forum-tracker .portlet-title {
    margin: 0;
    padding: 2em 0
}
.tablet .portlet .portlet-news-list .portlet-title {
    text-align: center;
    margin-top: 2em
}
.tablet .portlet.portlet-sidebar {
    padding: 0
}
.tablet .the-game .game-info-section {
    height: 30em;
    margin: 0
}
.tablet .the-game .game-info-section .video-wrapper {
    display: none
}
.tablet .the-game .game-info-bg {
    height: 100%!important;
    background-size: 100%;
    background-position: top center
}
.tablet .the-game #home {
    height: 40em
}
.tablet .the-game #home .content {
    padding: 15em 8em 0
}
.tablet .the-game #home .trailer-links .trailer-links-cont {
    right: 50%;
    top: 32.5em
}
.tablet .the-game #home .trailer-links .trailer-links-cont ul {
    margin-left: 125px
}
.tablet .the-game #home .trailer-links .trailer-links-cont ul li {
    display: inline-block;
    margin: 0 .5em
}
.tablet .the-game #home .trailer-links .trailer-links-cont .trailer-links-tooltip {
    left: 125px;
    display: none!important
}
.tablet .the-game #world .content {
    padding: 2em 34em 0 1em
}
.tablet .the-game #combat .content {
    padding: 4em 34em 0 1em
}
.tablet .the-game #mercenaries .content {
    padding: 3em 2em 0 34em
}
.tablet .the-game #monsters .content {
    padding: 3em 2em 0 32em
}
.tablet .the-game #community .content {
    padding: 5em 1em 0 30em
}
.tablet .portlet-404b .error-404b {
    height: 45em
}
.tablet .portlet-404b .error-404b .content {
    padding: 15em 0 0
}
.tablet .portlet-404b .error-404b .content .logo_vn {
    display: none
}
body.tablet.post.loaded #wrapper {
    margin: -10em 0 0
}
body.tablet.post.loaded .bg.bg-news {
    width: 100%
}
body.tablet.post.loaded #carousel-post {
    width: 100%;
    height: 39em
}
body.tablet.post.loaded #carousel-post .slick-carousel .carousel-slide .carousel-slide-bg {
    height: 39em
}
body.tablet.post.loaded #carousel-post .slick-carousel .carousel-slide .carousel-slide-content {
    padding: 25% 0 0
}
body.tablet.post.loaded #carousel-post .slick-carousel ul.slick-dots {
    display: none!important
}
body.tablet.post.loaded #carousel-post .slick-carousel .slick-next,
body.tablet.post.loaded #carousel-post .slick-carousel .slick-prev {
    visibility: visible;
    z-index: 1
}
.tablet.post.touch-device #wrapper {
    padding: 0 0 38em
}
.tablet.home #wrapper {
    margin: 3em 0 0
}
.tablet.news.touch-device #wrapper {
    padding: 0 0 5em
}
.tablet.home.touch-device #wrapper {
    padding: 0 0 45em
}
.tablet.game-info.touch-device #wrapper {
    padding: 0 0 10em
}
.tablet.error-404 .portlet-404 .error-404 .content {
    padding: 18em 1em 0
}
.desktop header {
    top: 42px
}
.desktop .hide-for-desktop {
    display: none
}
.desktop .portlet .portlet-cont {
    padding: 0 13%
}
.desktop .portlet.portlet-sidebar .portlet.portlet-news-highlight {
    margin-bottom: 2em
}
.desktop .news-featured .news-featured-item {
    height: 23em
}
.desktop .portlet-news-featured .portlet-bot {
    padding: 0
}
.desktop .portlet-news-featured .portlet-bot a.btn-default {
    width: 11em;
    margin: -.5em auto 4em
}
.desktop .portlet-news-featured [class*=block-grid-]>li {
    padding: 0 .5em
}
.desktop .portlet.portlet-game-info .portlet-cont {
    padding: 0
}
.desktop .social-nav {
    margin: 0 0 0 -.5em
}
.desktop .social-nav ul li a i.icon {
    margin: .1em
}
.desktop .news-carousel .slick-carousel .slick-next,
.desktop .news-carousel .slick-carousel .slick-prev {
    visibility: hidden
}
.desktop .the-game .game-info-section {
    height: 40em
}
.desktop .the-game #home .game-info-bg {
    height: 95%
}
body.post.desktop #wrapper {
    overflow: visible
}
body.post.desktop .portlet.portlet-news-page .portlet-cont {
    padding: 0
}
body.post.desktop .portlet.portlet-news-post .portlet-cont {
    padding: 5% 25% 0
}
body.post.news-post-bigheader.desktop .portlet.portlet-news-post .portlet-cont {
    padding: 20% 25% 0
}
body.home.desktop footer {
    position: relative
}
body.news #wrapper {
    padding: 2em 0 0
}
.viewcount,
body.mobile-device a.btn-playgame {
    display: none!important
}
body.vbforum .nav-top {
    opacity: 1!important;
    position: absolute
}
body.vbforum #gnt_popup *,
body.vbforum #gnt_popup:after,
body.vbforum #gnt_popup:before {
    box-sizing: content-box!important
}
body.vbforum .forums-nav nav.nav {
    top: 44px!important
}